<template>
  <div>
    <el-row>
      <el-col :span="20" :offset="2">
        <el-form :model="showData" size="mini" label-width="120px">
          <el-form-item label="上传文件">
            <span>{{showData.loginfo.localfilepath}}</span>
          </el-form-item>
          <el-form-item label="异地存储名称">
            <span>{{showData.rsinfo.name}}</span>
          </el-form-item>
          <el-form-item label="异地存储类型">
            <span>{{showData.rsinfo.types}}</span>
          </el-form-item>
          <el-form-item label="时间">
            <span>{{$public.comTime(showData.created)}}</span>
          </el-form-item>
          <el-form-item label="状态">
            <span>{{$public.StatusFormat(showData.status)}}</span>
          </el-form-item>
          <el-form-item label="文件尺寸">
            <span>{{showData.ysuploadfile.size}}</span>
          </el-form-item>
          <el-form-item label="文件切片数量">
            <span>{{showData.ysuploadfile.packetnum}}</span>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="20" :offset="2">
        <hr />
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="20" :offset="2">
        <el-table :data="showData.ysuploadfile.packets" style="width: 100%">
          <el-table-column prop="sortid" label="切片排序" width="80"></el-table-column>
          <el-table-column prop="offset" label="切片开始位置" width="180"></el-table-column>
          <el-table-column prop="status" label="上传状态">
            <template slot-scope="scope">
              <span>{{$public.StatusFormat(scope.row.status)}}</span>
            </template>
          </el-table-column>
          <el-table-column prop="msg" label="信息"></el-table-column>
        </el-table>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  props: {
    showData: {
      type: Object,
      default: null,
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>